<!doctype html>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="https://ajax4jsf.dev.java.net/ajax" prefix="a4j"%>
<%@page contentType="text/html;charset=UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath1 = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html lang="en">
<f:view>
<f:loadBundle var="messages" basename="messages"></f:loadBundle>
	<head>
<meta charset="utf-8">
<title><h:outputText value="#{messages['system_title']}" /></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<!--[if lt IE 9]>
      <script src="js/html5.js"></script>
    <![endif]-->
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144"
	href=".images/icon/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114"
	href="images/icon/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72"
	href="images/icon/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed"
	href="images/icon/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="images/icon/favicon.png">
	</head>
	<body>
		<h:form>
			<header id="header">
				<!-- navbar -->
				<div class="navbar navbar-inverse navbar-static-top border-bottom">
			      <div class="navbar-inner">
			        <div class="container">
			          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
			            <span class="icon-bar"></span>
			            <span class="icon-bar"></span>
			            <span class="icon-bar"></span>
			          </button>
			          <a class="brand" href="#"><img src="images/logo.png" alt="Online Education" /></a>
			          <div class="nav-collapse collapse pull-right">
			            <ul class="nav">
			              <li>
			              <h:commandLink action="logout.jsp">
			              	<f:verbatim>
			             	 <b class="gray"><i class="icon-user  icon-white"></i></b>
			             	 &nbsp;&nbsp;
			             	 </f:verbatim>
			             	 <h:outputText value="#{messages['btn_logout']}" ></h:outputText>
			              </h:commandLink></li>
			            </ul>
			          </div>
			        </div>
			      </div>
			    </div><!--/.navbar -->
			</header>
		</h:form>
	</body>
</f:view>
</html>
